<template>
  <div id="index">
    <Layout>
      <el-row class="body-container">
        <el-col :span="13" :offset="2">
          <Carousel />
          <ThreadList />
        </el-col>

        <el-col :span="8" :offset="1">
          <el-button type="warning" round class="thread-pub-btn">发表帖子</el-button>
          <BoardCard />
          <BoardCard />
        </el-col>
      </el-row>
    </Layout>
  </div>
</template>

<script>
import Layout from "./Layout";
import Carousel from "./index/Carousel";
import ThreadList from "./index/ThreadList";
import BoardCard from "./index/BoardCard";
export default {
  components: {
    Layout,
    Carousel,
    ThreadList,
    BoardCard
  }
};
</script>

<style>
.body-container {
  margin-top: 30px;
}
.thread-pub-btn {
  width: 360px;
}
</style>